<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="telephone=no" name="format-detection">
    <meta name="author" content="">
    <meta name="copyright" content="Copyright  版权所有">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>系列课详情页</title>
    <!--通用引入-->
    <script src="static/js/seeding/jquery-3.1.1.min.js" type="text/javascript"></script>
    <script src="static/js/seeding/globalHead.js" type="text/javascript"></script>
    <link href="static/css/global.css" type="text/css" rel="stylesheet"/>
    <!--页面引入-->
    <link href="static/css/introSeeding.css" type="text/css" rel="stylesheet"/>
    <script src="static/js/seeding/map.js" type="text/javascript"></script><!--弹出层-->
</head>
<body>
<div id="sendFriend">
    <div class="alert_con">
        <div class="head">送朋友<i class="bgIcon bg06" onclick="Show_Hidden(sendFriend)"></i></div>
        <div class="num-con">
            <div class="number overflow">
                <label class="fl">购买数量</label>
                <div class="fr"><i class="bgIcon bg09"></i><span>2</span><i class="bgIcon bg10"></i></div>
            </div>
            <dl>
                <dt><img src="static/images/gift.png"/></dt>
                <dd>赠送数量为几份<br/>就可以发送给几个好友哦~</dd>
            </dl>
            <div class="shopSure"><a href="">确认</a></div>
        </div>
    </div>
</div><!--送朋友弹出层/-->
<div id="shop">
    <div class="alert_con">
        <div class="head">购买<i class="bgIcon bg06" onclick="Show_Hidden(shop)"></i></div>
        <div class="shoptxt">购买之后，您将能进入直播间</div>
        <div class="shopImg"><img src="static/images/shop.png"/></div>
        <div class="shopNav">您也可在，个人中心 ( 购买 )( 听过记录 ) 中找到此课程</div>
        <div class="shopSure"><a href="">确认支付</a></div>
    </div>
</div><!--购买弹出层/-->

<div class="ui-introSeeding-con">
    <div class="setSeeding-top">
        <img src="static/images/ban02.jpg"/>
        <div class="invite overflow">
            <a href="seedingIndex.html" class="fl return"><i class="fl bgIcon bg03"></i></a>
            <a  class="fr my">我的邀请卡</a>
        </div>
    </div>
    <div class="setSeeding-intro mb">
        <div>彭震和你聊投资彭震和你聊投资彭震和你聊投资彭震和你聊投资彭震和你聊投资</div>
        <div class="pride overflow">
            <div class="fl">
                <span class="ptimes">已更新：<em>2</em>节课</span>
                <span class="money">预计<em>12</em>节课</span>
            </div>
            <div class="fr">￥199</div>
        </div>
    </div>
    <!--详细介绍-->
    <div class="mySeeding mb">
        <div class="nav">
            <ul>
                <li>详细介绍</li>
            </ul>
        </div>
        <div class="container">
            <div class="content">
                <div class="con">
                    <div class="peopleIntro">
                        <!-- <h3 class="title">直播概要</h3>-->
                        <!--文字介绍-->
                        <div class="txtIntro">
                            <ul class="topnewtext intro01">
                                地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地方家里收到回复束带结发善良的会计法家里收到地方家里收到回复束带结发善良的会计法家里收到回复束带结发善良的会计法家里收到，回复束带结发善良的地方家里收到回复束带结发善良的会计法家里收到回复束带结发善良的会计法家里收到，回复束带结发善良的地方家里收到回复束带结发善良的会计法家里收到回复束带结发善良的会计法家里收到，回复束带结发善良的
                            </ul>
                            <ul class="intro02">
                                地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地地方家里收到回复束带结发善良的会计法家里收到地方家里收到回复束带结发善良的会计法家里收到回复束带结发善良的会计法家里收到，回复束带结发善良的地方家里收到回复束带结发善良的会计法家里收到回复束带结发善良的会计法家里收到，回复束带结发善良的地方家里收到回复束带结发善良的会计法家里收到回复束带结发善良的会计法家里收到，回复束带结发善良的
                            </ul>
                        </div>
                        <!--图片介绍-->
                        <!--<div class="txtIntro">
                            <ul class="imgs">
                                <li><img src="static/images/ban02.jpg"/></li>
                            </ul>
                        </div>-->
                        <div class="openAll"><i class="bgIcon bg07"></i></div>
                        <div class="shrinkAll"><i class="bgIcon bg08"></i></div>
                    </div>
                    <!--<div class="Enrollment mp mb">
                        <div class="overflow">
                            <span class="nums fl">报名人数：<em>29800</em></span>
                            <span class="numImg fr">
                                <img src="src/images/defaltFace.jpg"/>
                                <img src="src/images/defaltFace.jpg"/>
                                <img src="src/images/defaltFace.jpg"/>
                                <i class="seedIcon icon22"></i>
                            </span>
                        </div>
                    </div>-->
                    <div class="Personal mp">
                        <a href="">
                            <div class="person overflow">
                                <span class="fl">所属系列课</span>
                                <i class="fr bgIcon bg21"></i>
                            </div>
                            <div class="pertxt flow">风险但是看风景时间的考虑减肥实交党费桑德菲杰圣风险但是看风景时间的考虑减肥实交党费桑德菲杰圣风险但是看风景时间的考虑减肥实交党费桑德菲杰圣</div>
                        </a>
                    </div>
                    <!--讲师主页-->
                    <div class="teacher mp">
                        <a href="homePage.html">
                            <div class="title">
                                讲师主页
                                <i class="fr bgIcon bg21"></i>
                            </div>
                        </a>
                        <div class="tea-list overflow">
                            <a href="homePage.html">
                                <div class="left fl"><img src="static/images/defaltFace.jpg"/></div>
                                <div class="right fl">
                                    <div class="name">彭震</div>
                                    <div class="flow">彭震简介彭震简介彭震简介彭震简介彭震简介彭震简介彭震简介彭震简介</div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!--课程列表-->
                    <div class="recomend mp">
                        <div class="title">
                           课程列表
                            <i class="fr bgIcon bg21"></i>
                        </div>
                       <!-- <div class="list-contain">
                            <a href="introSeeding.html">
                                <div class="sendList overflow">
                                    <div class="fl list-left">
                                        <img src="src/images/defaltFace.jpg"/>
                                    </div>
                                    <div class="fl list-right">
                                        <div class="titles">彭珍妮和你聊一聊投资彭珍妮和你聊</div>
                                        <p>彭震——创丰资本创始人</p>
                                        <div class="seeNum seeNum02 overflow"><span class="fl">已开始<em>20</em>分钟</span></div>
                                    </div>
                                    <i class="bgIcon bg01"></i>
                                </div>
                            </a>
                        </div>
                        <div class="list-contain">
                            <a href="introSeeding.html">
                                <div class="sendList overflow">
                                    <div class="fl list-left">
                                        <img src="src/images/defaltFace.jpg"/>
                                    </div>
                                    <div class="fl list-right">
                                        <div class="titles">彭珍妮和你聊一聊投资彭珍妮和你聊</div>
                                        <p>彭震——创丰资本创始人</p>
                                        <div class="seeNum overflow"><span class="fl">时长：<em>58</em>分钟</span></div>
                                    </div>
                                </div>
                            </a>
                        </div>-->
                        <div class="noContent">
                            <dl>
                                <dt><img src="static/images/no.png"/></dt>
                                <dd>你还没有添加任何系列课</dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <!-- <div class="con">
                     <div class="ask-con">
                         <textarea class="ask">输入想要咨询的问题</textarea>
                         <div class="btns"><a href="">提交</a></div>
                     </div>
                 </div>-->
            </div>
        </div>
    </div>
    <!--底部导航-->
    <div class="footNav">
        <div class="Btn overflow">
            <a  onclick="Show_Hidden(sendFriend)" class="payBtn2 fl">
                <i class="bgIcon bg04"></i><span>送朋友</span>
            </a>
            <a href=""><i class="bgIcon bg05"></i><span>收藏</span></a>
            <a onclick="Show_Hidden(shop)" class="payBtn1 fr">购买系列课<em>￥199</em></a>
        </div>
    </div>

    <div class="intros">
        <div class="introBtn overflow">
            <a href="addLesson.html" class="btnStyle1 fl">编辑系列课</a>
            <a href="editCourse.html" class="btnStyle2 fr"><i class="bgIcon bg29"></i>添加课程</a>
        </div>
    </div>
</div>
<script>
    //详情页的图片介绍
    $(function(){
        $(".openAll").click(function(){
            $(this).siblings(".txtIntro").find(".imgs").css("height","auto");
            $(this).css("display","none");
            $(this).siblings(".shrinkAll").css("display","block");
        });
        $(".shrinkAll").click(function(){
            $(this).siblings(".txtIntro").find(".imgs").css("height","100px");
            $(this).css("display","none");
            $(this).siblings(".openAll").css("display","block");
        });
    });
    //详情页的文字介绍
    $(function(){
        $(".intro02").css("display","none");
        $(".openAll").click(function(){
            $(this).css("display","none");
            $(this).siblings(".shrinkAll").css("display","block");
            $(this).siblings(".txtIntro").find(".intro02").css("display","block");
            $(this).siblings(".txtIntro").find(".intro01").css("display","none");
        });
        $(".shrinkAll").click(function(){
            $(this).css("display","none");
            $(this).siblings(".openAll").css("display","block");
            $(this).siblings(".txtIntro").find(".intro01").css("display","block");
            $(this).siblings(".txtIntro").find(".intro02").css("display","none");
        });
    });
    //文字介绍限制字符个数
    $('.topnewtext').each(function(){
        var maxwidth = 150;
        if($(this).text().length > maxwidth){
            $(this).text($(this).text().substring(0,maxwidth));
            $(this).html($(this).html()+'…');
        }
    });
</script>

</body>
</html>